<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>设置</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<style type="text/css">
			.mui-table-view-cell{padding: 14px 15px;}
			.mui-table-view-cell:after{left: 0;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left color6" href="home.html"></a>
			<h1 class="mui-title color6">设置</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view m_b10">
		        <li class="mui-table-view-cell" onclick="tool.openNewPage('about_us.html')">
		            <a class="mui-navigate-right color3">关于我们</a>
		        </li>
		        <li class="mui-table-view-cell">
		            <a class="color3">
		            	<span class="mui-pull-left">版本更新</span>
		           		<span class="mui-pull-right color9">已是最新版本</span>
		            </a>
		        </li>
		    </ul>
		    <ul class="mui-table-view m_b20">
		        <li class="mui-table-view-cell">
		            <span class="mui-pull-left color3">音效提示</span>
		            <div class="mui-switch mui-switch-mini mui-active ">
						<div class="mui-switch-handle"></div>
					</div>
		        </li>
		    </ul>
		    <button type="button" class="mui-btn mui-btn-green bg_green btn-green w80 m_lr10 m_t60 p_tb11_lr15 font16 bg_P b_r8" id="confirmBtn">退出登录</button>
		    <div id="info"></div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript">
		//退出登录提示是否退出
		var info = document.getElementById("info");
		document.getElementById("confirmBtn").addEventListener('tap', function() {
			var btnArray = ['否', '是'];
			mui.confirm(' ', '是否确认退出?', btnArray, function(e) {
				if (e.index == 1) {
					tool.openNewPage('login.html');
				} else {
					return;
				}
			})
		});		
	</script>
</html>